<template>
	<view class="wrapper_item" @click="click(managerItem)">
		<img :src="managerItem.img" />
		<text class="ml10">{{managerItem.label}}</text>
		<view class="arrow_right">
			<span class="jiankh_iconfont icon-jiankh"></span>
		</view>
	</view>
</template>

<script>
	export default {
		name: "manager_item",
		props: {
			managerItem:{
				type: Object,
				required: false,
				default: {}
			}
		},
		data() {
			return {

			};
		},
		methods: {
			click(item) {
				this.$emit('managerItemClick', item)
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrapper_item {
		display: flex;
		flex-direction: row;
		background-color: #fff;
		padding: 0 20px;
		justify-content: flex-start;

		text {
			margin-right: 10px;
			font-weight: 500;
			color: #333;
			flex: 1;
			line-height: 23px;
		}

		img {
			width: 60rpx;
			height: 60rpx;
			margin-right: 10px;
		}

		.arrow_right {
			width: 16px;
			height: 19px;
		}
	}
</style>